<template>
	<view>
		<up-loading-page :loading="true" loadingText="loading..." v-if="showLoading"></up-loading-page>
	</view>
		<view class="layout" v-show="!showLoading">
			<cu-custom :isBack="true">
			<block slot="content">账户余额</block>
			</cu-custom>
			<!-- 钱 -->
			<view class="rewordbox">
				<!-- 藏虎月 -->
				<view class="restreword">账户余额（元）</view>
				<!-- 钱 -->
				<view class="restsuzi">2312.00</view>
			</view>
			
			
			<!-- 内容 -->
			
			<view class="content-box">
				<!-- 方式 -->
				<view class="congqianbox">
					<view class="titlebox">充值</view>
					
					<view class="titletime">2023.01.02 12:01:23</view>
				</view>
				<!-- 右边 -->
				<view class="arraybox">
					+￥9999.00
				</view>
			</view>
	</view>
</template>
<script setup>
import request from '@/common/request.js';
import {loadingType} from '@/utils/type';
import { ref,onMounted } from 'vue'
const showLoading = ref(true)

onMounted(() => {
  setTimeout(() => {
    showLoading.value = false;
  }, 1000);
});

 </script>

<style lang="scss" scoped>
.layout {
	background: #f0f2f5;
	height: 100vh;
	
	.rewordbox {
		width: 750rpx;
		height: 200rpx;
		border: 1px solid #ffffff;
		background: #ffffff;
		
		.restreword {
			width: 200rpx;
			height: 23rpx;
			line-height: 23rpx;
			font-size: 24rpx;
			margin: 30rpx 0 0 49rpx;
		}
		
		.restsuzi {
			width: 400rpx;
			height: 41rpx;
			line-height: 41rpx;
			color: #FF6000;
			font-weight: 400;
			font-size: 60rpx;
			margin: 40rpx 0 0 50rpx;
		}
	}
	
	.content-box {
		width: 710rpx;
		height: 180rpx;
		// border: 1px solid red;
		margin: 17rpx 0 0 20rpx;
		border-radius: 10rpx;
		background: #ffffff;
		display: flex;
		
		.congqianbox {
			width: 245rpx;
			height: 100rpx;
			// border: 1px solid red;
			margin: 40rpx 0 0 23rpx;
			.titlebox {
				width: 100rpx;
				height: 27rpx;
				line-height: 27rpx;
				color: #000000;
				font-family: PingFang SC;
				font-weight: 800;
				font-size: 28rpx;
				// border: 1px solid red;
				margin: 10rpx 0 0 0;
			}
			
			.titletime {
				width: 245rpx;
				height: 19rpx;
				color: #999999;
				font-size: 24rpx;
				margin: 10rpx 0 0 0;
			}
			
		}
		
		.arraybox {
			width: 300rpx;
			height: 23rpx;
			color: #FF8400;
			font-family: PingFang SC;
			font-weight: bold;
			font-size: 30rpx;
			margin: 70rpx 26rpx 0 220rpx;
		}
	}
}

</style>